<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>时长详情</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/utilCss.css">

	<style>
  html,body{height: 100%;margin:0px;padding: 0px;}
   body {
     display:flex;
     flex-flow:row wrap;

   }
   .lxb_div_context{
    flex-grow:1;
    border: 1px #cbcaca solid;
    margin: 15px 15px 35px 15px;
    border-radius: 10px;
    box-shadow: 0 0 1px 1px rgba(190, 190, 195, 0.25);
   }
   .lxb_div_context_nickname{
     margin-left: 15px;
     margin-top: 15px;
     font-size: 15px;
     color: #101010;
   }

   .lxb_div_context_money{
     text-align: center;
     font-size: 25px;
     color: #101010;
     margin-top: 23px;
   }
   .lxb_div_context_mode{
     margin-top: 23px;
   }

   .lxb_div_context_mode_left{
     font-size: 14px;
     color: #919191;
     display: inline-block;
   }
   .lxb_div_context_mode_rigth{
     color: #101010;
     font-size: 15px;
     float: right;
     width: 65%;
     text-align: right;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
   .lxb_div_context_time_rigth{
     color: #919191;
     font-size: 15px;
     float: right;
   }

	</style>
</head>

<body>
   <div class="lxb_div_context">
    <div class="lxb_div_context_nickname">
      时长充值
    </div>
    <div class="lxb_div_context_money" id="context_money_click">

    </div>

    <div class="lxb_div_context_mode lxb_div_style1 lxb_div_styleborder1">
      <div class="lxb_div_context_mode_left">
        支付方式
      </div>
      <div class="lxb_div_context_mode_rigth" id="lxb_div_context_paymentState_click">

      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left">
        充值时长
      </div>
      <div class="lxb_div_context_mode_rigth" id="context_time_click">

      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left">
        退款状态
      </div>
      <div class="lxb_div_context_mode_rigth" id="lxb_div_context_moneyState_click">

      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left">
        退款时间
      </div>
      <div class="lxb_div_context_time_rigth" id="lxb_div_context_moneytime_click">

      </div>
    </div>

    <div class="lxb_div_context_state lxb_div_style1 lxb_div_styleborder2">
      <div class="lxb_div_context_mode_left">
        退款订单
      </div>
      <div class="lxb_div_context_time_rigth" id="lxb_div_context_orderState_click">

      </div>
    </div>

   </div>
</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.js"></script>

<script type="text/javascript">
    apiready = function(){
      var data = api.pageParam;
      data = data.name;
      console.log('.......获取到的参数..........'+data);
      var money = '¥'+data.content.portContent.spendCost;
      var paymentState = data.content.portContent.payWay;
      var longTime = data.content.portContent.longTime/60+'h';
      var status = data.content.portContent.status;
      var time = data.content.portContent.time;
      var dealOrder = data.content.portContent.dealOrder;
      changeViewContext2(money,paymentState,longTime,status,time,dealOrder);
  }

  /**改变view内容
  *money 金额
  *paymentState 支付类型
  *充值时长         时间
  *moneyState   支付状态
  *moneytime    支付时间
  *orderState   支付订单
  */
  function changeViewContext2(money,paymentState,time,moneyState,moneytime,orderState){
     $('#context_money_click').text(money);
     $('#lxb_div_context_paymentState_click').text(paymentState);
     $('#context_time_click').text(time);
     $('#lxb_div_context_moneyState_click').text(moneyState);
     $('#lxb_div_context_moneytime_click').text(moneytime);
     $('#lxb_div_context_orderState_click').text(orderState);
  }
</script>
</html>
